<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="cm-task-chapter mr5">
    <dl th:if="${!#lists.isEmpty(courseCatalogList)}" th:each="catalog,index:${courseCatalogList}"  class="cm-task-chpter-item" th:classappend="${index['index']}==0 ? 'cOpen':''">
        <dt class="tchpter-item-parent txtOf">
            <aside th:if="${!#lists.isEmpty(catalog['childCourseCatalogList'])}" class="pull-right">
                <span class="c-ccc fs14"><i class="fa fa-chevron-down"></i></span>
            </aside>
            <aside th:if="${#lists.isEmpty(catalog['childCourseCatalogList'])} and ${catalog['materialId']}>0" class="pull-right">
                <span th:if="${catalog['coursePlayRecord']}!=null"  class="c-999 fs14" data-toggle="tooltip" data-placement="top" data-original-title="最近学习">
                    <i class="fa fa-adjust c-info"></i>
                </span>
                <span th:if="${catalog['coursePlayRecord']}==null" class="c-ccc"><i class="fa fa-circle-o"></i></span>
            </aside>
            <a th:if="${!#lists.isEmpty(catalog['childCourseCatalogList'])}" href="javascript:void(0);">
                <span class="fs18 mr5 c-info"><i class="fa fa-navicon"></i></span>
                <span class="fs16 c-333" th:text="${catalog['catalogName']}"></span>
            </a>
            <a th:if="${#lists.isEmpty(catalog['childCourseCatalogList'])}" href="javascript:void(0);" class="txtOf play-catalog-box" th:attr="data-course-id=${catalog['courseId']},data-id=${catalog['id']}" >
                <span class="fs18 mr5 c-info"><i class="fa fa-navicon"></i></span>
                <span class="fs16 c-333" th:text="${catalog['catalogName']}"></span>
            </a>
        </dt>
        <dd th:if="${!#lists.isEmpty(catalog['childCourseCatalogList'])}" th:style="${index['index']}==0?'':'display: none'" class="tchpter-item-children">
            <ol>
                <li th:each="subCatalog:${catalog['childCourseCatalogList']}">
                    <aside class="pull-right">
                        <span th:if="${subCatalog['questionIds']}!=null" class="hand c-ccc fs14 mr5" data-toggle="tooltip" data-placement="top" data-original-title="随堂练习" data-exercises>
                            <i class="fa fa-pencil-square-o"></i>
                        </span>
                        <span th:if="${subCatalog['datumsList']}!=null" class="hand c-ccc fs14 mr5"  data-toggle="tooltip" data-placement="top" data-original-title="下载资料">
                            <i class="fa fa-download"></i>
                        </span>
                        <span th:if="!${#maps.isEmpty(subCatalog['coursePlayRecord'])} and ${subCatalog['coursePlayRecord']['finish']}==2" class="c-999 fs14" data-toggle="tooltip" data-placement="top" data-original-title="最近学习">
                            <i class="fa fa-circle c-info"></i>
                        </span>
                        <span th:if="!${#maps.isEmpty(subCatalog['coursePlayRecord'])} and ${subCatalog['coursePlayRecord']['finish']}==1" class="c-999 fs14" data-toggle="tooltip" data-placement="top" data-original-title="最近学习">
                            <i class="fa fa-adjust c-info"></i>
                        </span>
                        <span th:if="${#maps.isEmpty(subCatalog['coursePlayRecord'])}" class="c-ccc">
                            <i class="fa fa-circle-o"></i>
                        </span>
                    </aside>
                    <a href="javascript:;" class="txtOf play-catalog-box" th:attr="data-course-id=${subCatalog['courseId']},data-id=${subCatalog['id']}" >
                        <i class="fa fa-circle fs12 mr5 vam c-ccc"></i>
                        <span th:text="${subCatalog['catalogName']}"></span>
                        <span th:if="${subCatalog['audition']}==2" class="badge unFw badge-primary ml5 fs12" data-toggle="tooltip" data-placement="top" data-original-title="免费试听此节">试听</span>
                    </a>
                </li>
            </ol>
        </dd>
    </dl>
    <!--<dl class="cm-task-chpter-item" th:if="${!#lists.isEmpty(childCourseCatalogList)} and ${index['index']}!=0" th:each="catalog,index:${courseCatalogList}">
        <dt class="tchpter-item-parent txtOf">
            <aside th:if="${!#lists.isEmpty(catalog['childCourseCatalogList'])}" class="pull-right">
                <span class="c-ccc fs14"><i class="fa fa-chevron-down"></i></span>
            </aside>

            <aside th:if="${#lists.isEmpty(catalog['childCourseCatalogList'])} and ${catalog['materialId']}"  class="pull-right">
                <span th:if="${catalog['coursePlayRecord']}!=null" class="c-999 fs14" data-toggle="tooltip" data-placement="top" data-original-title="最近学习">
                    <i class="fa fa-adjust c-info"></i>
                </span>
                <span th:if="${catalog['coursePlayRecord']}==null" class="c-ccc"><i class="fa fa-circle-o"></i></span>
            </aside>
            <a th:if="${!#lists.isEmpty(catalog['childCourseCatalogList'])}" href="javascript:void(0);">
                <span class="fs18 mr5 c-info"><i class="fa fa-navicon"></i></span>
                <span class="fs16 c-333" th:text="${catalog['catalogName']}"></span>
            </a>
            <a th:if="${#lists.isEmpty(catalog['childCourseCatalogList'])}" href="javascript:void(0);" class="txtOf play-catalog-box" th:attr="data-course-id=${catalog['courseId']},data-id=${catalog['id']}" >
                <span class="fs18 mr5 c-info"><i class="fa fa-navicon"></i></span>
                <span class="fs16 c-333" th:text="${catalog['catalogName']}"></span>
            </a>
        </dt>
        <dd th:if="${!#lists.isEmpty(catalog['childCourseCatalogList'])}" class="tchpter-item-children" style="display: none;">
            <ol>
                <li th:each="subCatalog:${catalog['childCourseCatalogList']}">
                    <aside class="pull-right">
                            <span th:if="${subCatalog['questionIds']}!=null" class="hand c-ccc fs14 mr5" data-toggle="tooltip" data-placement="top" data-original-title="随堂练习" data-exercises>
                                <i class="fa fa-pencil-square-o"></i>
                            </span>
                        <span th:if="${subCatalog['datumsList']}!=null" class="hand c-ccc fs14 mr5"  data-toggle="tooltip" data-placement="top" data-original-title="下载资料">
                                <i class="fa fa-download"></i>
                            </span>
                        <span th:if="${subCatalog['coursePlayRecord']}!=null" class="c-999 fs14" data-toggle="tooltip" data-placement="top" data-original-title="最近学习">
                                <i class="fa fa-adjust c-info"></i>
                            </span>
                        <span th:if="${subCatalog['coursePlayRecord']}==null" class="c-ccc"><i class="fa fa-circle-o"></i></span>
                    </aside>
                    <a href="javascript:;" class="txtOf play-catalog-box" th:attr="data-course-id=${subCatalog['courseId']},data-id=${subCatalog['id']}">
                        <i class="fa fa-circle fs12 mr5 vam c-ccc"></i>
                        <span th:text="${subCatalog['catalogName']}"></span>
                        <span th:if="${subCatalog['audition']}==2" class="badge unFw badge-primary ml5 fs12" data-toggle="tooltip" data-placement="top" data-original-title="免费试听此节">试听</span>
                    </a>
                </li>
            </ol>
        </dd>
    </dl>-->

    <section th:if="${#lists.isEmpty(courseCatalogList)}" class="no-data__wrap">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">课程还没有设置目录~~</span></p>
    </section>
</div>
</html>